import React from 'react';
import { ScrollView } from 'react-native';
import {
  InputItem,
  List,
  Picker,
  Switch,
  TextareaItem,
} from '@ant-design/react-native';
import { ATA_DATA } from '@/constants';

// lmo 卡片详情公用组件
export default function LmoCardView({
  lmo,
  withAudit,
  inAudit,
  onFieldChange,
}) {
  return (
    <ScrollView keyboardShouldPersistTaps={'always'} nestedScrollEnabled>
      <List>
        <InputItem value={lmo.acno} editable={false}>
          机号
        </InputItem>
        <InputItem value={lmo.sta} editable={false}>
          工作航站
        </InputItem>
        <InputItem value={lmo.submitter} editable={false}>
          编写人
        </InputItem>
        <InputItem value={lmo.submitDate} editable={false}>
          编写时间
        </InputItem>
        <Picker
          data={ATA_DATA}
          cols={2}
          disabled={inAudit}
          value={lmo.ata}
          onChange={(val) => onFieldChange('ata', val)}
          format={(values) => values.join(' -- ')}
        >
          <List.Item>ATA</List.Item>
        </Picker>
        <List.Item
          extra={
            <Switch
              checked={!!lmo.rii}
              disabled={inAudit}
              onChange={(checked) => {
                onFieldChange('rii', checked);
              }}
            />
          }
        >
          必检
        </List.Item>
        <List.Item
          extra={
            <Switch
              checked={!!lmo.engine}
              disabled={inAudit}
              onChange={(checked) => {
                onFieldChange('engine', checked);
              }}
            />
          }
        >
          试车
        </List.Item>
        <List.Item>故障描述</List.Item>
        <TextareaItem
          rows={4}
          editable={!inAudit}
          value={lmo.faultdesc}
          onChange={(val) => onFieldChange('faultdesc', val)}
        />
        <List.Item>维护措施</List.Item>
        <TextareaItem
          rows={4}
          value={lmo.measure}
          editable={!inAudit}
          onChange={(val) => onFieldChange('measure', val)}
        />
        {/* {withAudit && (
          <>
            <List.Item>审批意见</List.Item>
            <TextareaItem
              rows={4}
              value={lmo.review}
              editable={!!inAudit}
              onChange={(val) => onFieldChange('review', val)}
            />
          </>
        )} */}
      </List>
    </ScrollView>
  );
}
